.sate{width:99%;height:92vh;overflow:hidden;margin:0 auto;color:#FFFFFF;display:flex;display:-webkit-flex;
justify-content:space-between;-webkit-justify-content:space-between;padding-top:0.11rem;}
.sate .sate-wrapper{width:22.3%;height:100%;}
.sate-wrapper .select-wrapper{width:100%;height:0.7rem;overflow:hidden;display:flex;display:-webkit-flex;
flex-direction:column;background:url('../../../images/home/index/dateBg.png') no-repeat;background-position:center;
background-size:100%;position:relative;}
.select-wrapper .date-wrapper{width:auto;height:auto;display:flex;display:-webkit-flex;align-items:center;
-webkit-align-items:center;font-size:0.11rem;color:#D9FFF9;position:absolute;top:0.12rem;left:0.25rem;}
.select-wrapper .date-wrapper .clock{margin-top:2px;}
.select-wrapper .date-wrapper .title{margin-left:0.08rem;}
.select-wrapper .select-contents{width:auto;height:auto;position:absolute;top:0.34rem;left:0.35rem;}
.select-contents :global(.ant-input){background:url('../../../images/home/index/antInput.png') no-repeat;background-position:center;
background-size:100% 100%;border:none;color:#729E9E;outline:none;}

.sate-wrapper .radar-type{width:100%;height:83%;display:flex;display:-webkit-flex;
flex-direction:column;align-items:center;-webkit-align-items:center;overflow:hidden;}
.radar-type .item{width:100%;height:1.8rem;background:url('../../../images/home/cloud/item.png') no-repeat;
background-position:center;background-size:100% 100%;cursor:pointer;overflow:hidden;padding-top:0.12rem;}
.radar-type .item+.item{margin-top:-0.1rem;}
.radar-type .item.active{background:url('../../../images/home/cloud/item-h.png') no-repeat;
background-position:center;background-size:100% 100%;}
.radar-type .item .title{width:100%;height:auto;text-align:center;font-size:0.11rem;color:#FFFFFF;}
.radar-type .item.active .title{color:#3EE2C8;}
.radar-type .item .img{width:90%;height:76%;margin:0.09rem auto 0;}
.radar-type .item .img img{width:100%;height:100%;}
.radar-type .classify-wrap{width:100%;height:100%;overflow:hidden;}

.sate-wrapper .up, .sate-wrapper .down{width:93%;height:0.16rem;margin:0 auto;background:url('../../../images/home/cloud/rectangle.png') no-repeat;
background-position:center;background-size:100% 100%;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;
justify-content:center;-webkit-justify-content:center;cursor:pointer;}
.sate-wrapper .up{margin-top:0.04rem;}
.sate-wrapper .down{margin-top:0.05rem;}
.sate-wrapper .up .up-triangle{width:0.2rem;height:0.09rem;background:url('../../../images/home/cloud/up.png') no-repeat;
background-position:center;background-size:100% 100%;}
.sate-wrapper .up .up-triangle:hover{background:url('../../../images/home/cloud/up-h.png') no-repeat;
background-position:center;background-size:100% 100%;}
.sate-wrapper .down .down-triangle{width:0.2rem;height:0.09rem;background:url('../../../images/home/cloud/down.png') no-repeat;
background-position:center;background-size:100% 100%;}
.sate-wrapper .down .down-triangle:hover{background:url('../../../images/home/cloud/down-h.png') no-repeat;
background-position:center;background-size:100% 100%;}

.sate .product-wrapper{width:77.7%;height:auto;display:flex;display:-webkit-flex;flex-direction:column;padding-top:0.08rem;}
.product-wrapper .product-contents{width:100%;height:100%;background:url('../../../images/home/typhoon/right-bg.png') no-repeat;
background-size:100% 100%;background-position:center;padding:0.07rem;}
.product-wrapper .product-contents .title{text-align:center;font-size:0.14rem;color:#3EE2C8;font-weight:500;}
.product-wrapper .product-contents .img{width:98%;height:93.2%;margin:0.08rem auto 0;}
.product-wrapper .product-contents .img img{width:100%;height:100%;}